<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>友宝科技电子有限公司</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
			
</head>
<body>


<div class="wrapper">
      <div class="header">
            <h1>友宝科技电子有限公司</h1> 
            <div id="start"><img src="images/MS WINDOWS 7.A.png" width="64"/></div>
      </div> 
      
      <div id="startMenu">
            <ul>
                <li><img src="images/HOME.png" />主页</li>
                <li><img src="images/TOOLS.png" />记录</li>
                <li><img src="images/SEARCH.png" />搜索</li>
                <li><img src="images/PLAYER.png" />宣传</li>
            </ul>
      
      </div>
      
      <div class="container"> 		
          <!--***************
          <div class="toolset">
              <img  class="tool" src="images/search.jpg">
              <img  class="tool" src="images/order.jpg">
              <img  class="tool" src="images/news.jpg">	
              <img  class="tool" src="images/ask.jpg">
          </div>
          ****-->
          <div class="boxgridSet">
                  <!--****************slidedown****************-->
                  <div class="box slidedown">
                      <div class="search" style="display:none">
                          <label>搜索</label><input type="text" />
                      </div>
                      <div class="boxgrid " id="sys1">                
                           <h3>友宝快递系统</h3>
                           <div class="content">
                           <p>Search</p>	
                            <img src="images/map.jpg" width="300px" height="200px"/>
                            </div>
                      </div>            
                  </div>
                  <!--**************** slideright****************-->   
                  <div class="box slideleft" > 
                      <div  class="news" style="display:none"></div>
                      <div class="boxgrid" style="background:#B0EB17"  id="sys2">          
                          <h3>友宝后台系统</h3>
                          <div class="content" style="background:#B0EB17">     
                          <p>Control<br/><a href="#/" target="_BLANK"></a></p>
                          <img src="images/SETTINGS.png"style="margin:30px"  onclick ="b()"/>
                          <img src="images/pointer.png" style="margin:50px 200px " />
                          </div>
                      </div>
                  </div>
                  
                  <div class="box right"  style="background-image:url('images/INTERNET EXPLORER - ALT.png');" id="sys3">
                  </div>    

                  <!--**************** thecombo****************-->   
                  <div class="box slideright" >
                      <div  class="news2" style="display:none">
                      </div>
                      <div class="boxgrid" style="background:#39AB3E"; id="sys4">                 
                          <h3>友宝广告系统</h3>
                          <p style="margin-top:5px;margin-bottom:10px">AD System</p>
                          <div class="content" style="background:#222;padding-right:2px">
                          <img id="me" src="images/me.gif" style="margin-left:50px;margin-top:40px;" />
                          <img src="images/BLUETOOTH.png" style="margin-top:30px;margin-left:130px;" />
                          </div>
                      </div>
                  </div>
                  <!--**************** peek****************-->  
                  <div class="box" >
                      <div class="boxgrid peek" style="background:#8F2145">
                          <a href="#" ><img src="images/birss.png"/></a>
                          <a href="#"  id="sys5"><img class="cover" src="images/facebook.png"/></a>
                      </div>
                  </div>
             
          </div>
          
          <div class="clear"></div>
		</div>	
        
        
        <div class="footer"> </div>
        
   </div>
</body>
    
    
    <script type="text/javascript" src="script/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="script/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="script/script.js">	</script>
  <script type="text/javascript" >
$(document).ready(function(){
            $("#sys1").click(function(){
              window.open('http://service.24box.cn:21198/YouBoxCourier/');
            });
            $("#sys2").click(function(){
              window.open('http://service.24box.cn:21198/YouBoxAdminBeta/');
            });
            $("#sys3").click(function(){
              window.open('http://www.24box.cn');
            });
            $("#sys4").click(function(){
              window.open('http://ledong.jkson.me:8080/YouBoxAd/');
            });
            $("#sys5").click(function(){
              //window.open('http://www.24box.cn');
            });
        })
</script>
		
</html>